/**************************************
 *
 * VLOOK 模板主题
 *
 * powered by MAX°孟兆
 *
 * QQ Group: 805502564
 * Telegram Channel: t.me/vlook_markdown
 * email: maxchow@qq.com
 *
 *************************************/

@import "font";
@import "color";
@import "common";

@welcomeAutoCloseDelay: 3;

// 主题信息
@themeVer: "V24.2";
@themeName: "vlook-owl";
@themeDesc: "Owl";

// 指定字体主题
.applyFontStyle(local);
// .applyFontStyle(sans);
// 指定主题配套的圆角
.applyThemeRadius(big);
// 文档背景使用图片
.applyDocBgImg(@docBgImgLight_Wave, @docBgImgDark_Wave);
// 表格、插图指定居中对齐
.genTableAndFigureAlign(center);

:root {
    --thm-fav-logo-lg: url("");
    --thm-fav-logo-dk: url("");
}

// 主题主色
@theme1: #10A8BE;
@theme2: #7735CC;
@theme3: #10DAD8;
@theme1Dark: #0F9EB3;
@theme1Alt: #D0F6FB;
@theme1AltDark: #005175;
@theme2Dark: #8448D1;
@theme2Alt: #E4D6F5;
@theme2AltDark: #212426;
@theme1Fade: rgba(red(@theme1), green(@theme1), blue(@theme1), @accOpacity);
@theme2Fade: rgba(red(@theme2), green(@theme2), blue(@theme2), @accOpacity);

@themeForeColor: @theme1;
@themeForeColorFade: fade(@themeForeColor, 50%);
@themeBgColor: @theme1;
@themeBgColorFade: fade(@themeBgColor, 50%);
@themeBgColorDark: darken(@themeBgColor, 20%);
@themeBgColorAlt: lighten(@themeBgColor, 40%);

// 标题色
@headerColor: @theme1;
@headerColorDark: @theme1Dark;
// 渐变标题色 h1-h5
// @lgHeaderBg: linear-gradient(135deg, @theme1 25%, hsl(241, 44%, 55%));
// @lgHeaderBgClip: text;
// @lgHeaderColor: transparent;
@lgH1Bg: linear-gradient(135deg, @theme1 25%, hsl(241, 44%, 55%));
@lgH2Bg: @lgH1Bg;
@lgH3Bg: @lgH1Bg;
@lgH4Bg: @lgH1Bg;
@lgH5Bg: @lgH1Bg;
@lgH1BgClip: text;
@lgH2BgClip: @lgH1BgClip;
@lgH3BgClip: @lgH1BgClip;
@lgH4BgClip: @lgH1BgClip;
@lgH5BgClip: @lgH1BgClip;
@lgH1Color: transparent;
@lgH2Color: @lgH1Color;
@lgH3Color: @lgH1Color;
@lgH4Color: @lgH1Color;
@lgH5Color: @lgH1Color;
// 6 级标题前缀内容
@h6BeforeContent: "◎ ";
// @tocHeaderNumColor: @docTextColorLightFade;
@contentHeaderNumColor: @themeForeColorFade;
@headerBackground: linear-gradient(0deg, var(--h-bg-start), var(--h-bg-end));
@multiHeaderBG: none;
@headerTextAlign: center;
@headerPadding: 5px 0;
//@headerLetterSpacing: 0;//0.15em;
// 标题的上边框
@h1BorderTop: 9px solid var(--h-box-shadow);
@h2BorderTop: 7px solid var(--h-box-shadow);
@h3BorderTop: 5px solid var(--h-box-shadow);
@h4BorderTop: 3px solid var(--h-box-shadow);
@h5BorderTop: 1px solid var(--h-box-shadow);
@h6BorderTop: 0;
@h1Margin: 3em 0 0 0;
@h2Margin: 3em 0 0 0;
@h3Margin: 2em 0 0 0;
@h4Margin: 2em 0 0 0;
@h5Margin: 1.25em 0 0 0;
@h6Margin: 1em 0 0 0;

// 自定义章节自动编号
// h1{{第###章 }}
@h1BeforeContent: "第" counter(h1) "章 ";

// 按钮色
@buttonForeColor:#FFFFFF;
@buttonForeHoverColor: @theme3;
@buttonBgColor: @themeBgColor;
// 文库按钮颜色
@docLibButtonForeColor: @buttonForeColor;
@docLibButtonForeHoverColor: @buttonForeHoverColor;
@docLibButtonBgColor: @buttonBgColor;

// 链接颜色
@aBorderWidth: 2px;
@aColor: @headerColor;
@aColorDark: @headerColorDark;
@aLineColor: @theme2;
@aHoverColor: @aLineColor;
@aActiveColor: desaturate(@aLineColor, 50%);

// 封面、封底文字位置及对齐方式
@coverTextAlign: center;
@coverTextPadding: 300px 80px 50px;
@coverTextColor: @theme3;
@coverSubColor: #FFFFFF;
@coverUnderlineColor: @coverSubColor;
@coverAuthorColor: @coverUnderlineColor;
@coverOwnerColor: @coverAuthorColor;

@backCoverTextAlign: center;
@backCoverTextPadding: 300px 80px 50px;
@backCoverTextColor: @theme3;

// // 封面装饰性文本样式 before
// @coverTextBeforeContent: "";
// @coverTextBeforePosition: initial;
// @coverTextBeforeLeft: initial;
// @coverTextBeforeTop: initial;
// @coverTextBeforeColor: initial;
// @coverTextBeforeFontSize: initial;
// @coverTextBeforeFontWeight: initial;
// @coverTextBeforeOpacity: initial;
// // 封面装饰性文本样式 after
// @coverTextAfterContent: "";
// @coverTextAfterTextAlign: initial;
// @coverTextAfterLeft: initial;
// @coverTextAfterRight: initial;
@coverTextBeforeContent: "°⚬";//"{";
@coverTextBeforePosition: absolute;
@coverTextBeforeLeft: 70px;//40px;
@coverTextBeforeTop: 150px;//250px;
@coverTextBeforeColor: @coverTextColor;
@coverTextBeforeFontSize: 5em;
@coverTextBeforeFontWeight: 100;
@coverTextBeforeOpacity:.5;
// 封面装饰性文本样式 after
@coverTextAfterContent: "⚬°";//"}";
@coverTextAfterTextAlign: right;
@coverTextAfterLeft: auto;
@coverTextAfterTop: 380px;//@coverTextBeforeTop;
@coverTextAfterRight: 90px;//40px;
@coverTextAfterColor: @coverTextBeforeColor;
@coverTextAfterFontSize: 3.5em;

// 对比度边框色，用于主题色与背景色对比度比较低时的边缘视觉识别
// @contrastBorder: 0 0 0 1px rgba(0, 0, 0, .2);
@contrastBorder: 0 0 0 0 transparent;
@contrastBorderForCover: 0 0 0 2px rgba(0, 218, 216, .2) inset;

// 封面背景设置
@coverBackgroundColor: #2E1F47;
@coverBackgroundImage: var(--thm-c-logo), var(--thm-c-w), var(--thm-c-w2), var(--thm-c-bg);
@coverBackgroundSize: auto;
@coverBackgroundRepeat: no-repeat, no-repeat, no-repeat, repeat;
@coverBackgroundPosition: center 150px, top left, bottom right, top left;
// 封底背景设置
@backCoverBackgroundColor: @coverBackgroundColor;
@backCoverBackgroundImage: var(--thm-c-logo), var(--thm-c-w), var(--thm-bc-w-r), var(--thm-c-bg);
@backCoverBackgroundSize: @coverBackgroundSize;
@backCoverBackgroundRepeat: @coverBackgroundRepeat;
@backCoverBackgroundPosition: @coverBackgroundPosition;

// 封面、封底素材资源
:root {
    // Logo
    --thm-c-logo: url("");
    // 顶部小波浪
    --thm-c-w: url("");
    // 底部大波浪
    --thm-c-w2: url("");
    // 图片纹理
    --thm-c-bg: @docBgImgDark_Wave;
    // 底部反向小波浪
    --thm-bc-w-r: url("");
}

// @import "base";
